<section id="notice-create" class="ml-24 mr-24">
	<div class="fileButton"></div>
	<div class="picButton"></div>
	<h4 class="line-height-56 font-16 border-b" style="margin: 0px;">新建公告</h4>
	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>类别:</div>
		<div class="dy-fx-8">
			<div class="select-ul" style="width:150px;">
				<span class="select-name br-4 box-i-shadow">请选择</span>
				<ul>
					<li v-for="item in typelist" @click="participateSel(item)">{{item.dictName}}</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>公告标题:</div>
		<div class="dy-fx-8 flexbox">
			<input type="text" class="form-control" style="width: 520px;" v-model="noticeTitle" />
			<div class="auth-config-pop"><span @click="isToTop = !isToTop" class="auth-item" :class="{'js-q-active':isToTop}">置顶公告</span></div>
		</div>
	</div>
	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>作者:</div>
		<div class="dy-fx-8">
			<input type="text" class="form-control" style="width: 130px;" v-model="articleTitle" />
		</div>
	</div>

	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>内容详情:</div>
		<div class="dy-fx-8">
			<div id="editor" style="width: 854px;"></div>
		</div>
	</div>
	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>附件上传:</div>
		<div class="dy-fx-8">
			<ul>
				<li v-for="(item, index) in files" class="relative">
					<a :href="item.url" :download="item.name" class="color-999 line-height-34">
						<span class="mr-5" :class="{'icon-file': item.type == 'file', 'icon-picture': item.type == 'pic'}"></span>
						{{item.name}}
					</a>
					<span class="icon-Gm-close absolute color-999 cursor font-12 line-height-34" style="right:0;top:0;" @click="delFile(index)"></span>
				</li>
			</ul>
			<button type="button" class="btn s-btn-default" @click="fileUp">上传文件</button>
		</div>
	</div>
	<div class="mt-10 dy-flex">
		<div class="dy-fx-1 line-height-34"><span style="color:#fff;">*</span>发布对象:</div>
		<div class="dy-fx-8">
			<button type="button" class="btn s-btn-default" @click="selectOrg">选择组织</button>
			<span v-if="userList.length">(<span v-for="(item, index) in userList">{{item.name}} <span v-if="index < userList.length-1">,</span> </span>)</span>
		</div>
	</div>

	<div class="border-t mt-15 pt-10 pb-10">
		<button class="n-btn-primary br-4 mr-10" @click="saveSubmit">发布</button>
		<button class="n-btn-outline br-4" @click="previewInfo">预览</button>
	</div>
	
	<!-- 绑定账号 -->
	<div class="mark-wx" v-if="isBindalert" id="dd-config">
		<div class="pop box-o-shadow ddAccount-pop" style="width:800px;">
			<div class="head-pop font-16"><span>账号绑定</span>
				<button class="fw-close absolute close" type="button" @click="isBindalert = false">×</button>
			</div>
			<div class="content-pop">
				<div class="content clearfix" style="padding:0px 17px 30px;display: flex">
					<div class="pull-left" style="width:350px;margin-right: 50px">
						<p class="title">组织架构</p>
						<div class="assignees-container">
							<div class="approve-person"></div>
						</div>
					</div>

					<div class="pull-right" style="width:400px">
						<p class="title">已选组织</p>
						<div class="select-member-container" style="width:100%">
							<ul class="clearfix line-height-40 pl-24 pr-24 border-b" v-for="(item,index) in userList">
								<li class="pull-left">{{item.name}}</li>
								<li class="pull-right"><span class="icon-Gm-delete" style="cursor: pointer;" @click="reduceCus(index)"></span></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="fw-button">
				<button type="button" class="fw-submit yes mr-10" @click="surebind">确认</button>
				<button type="button" class="fw-submit no" @click="isBindalert = false">取消</button>
			</div>
		</div>
	</div>
	
	<div class="loadprogress" v-if="progress">正在上传({{progress}})...</div>
	
</section>

<style media="screen">
	.loadprogress{
		position: fixed;
		z-index: 999999;
		left: 0;
		bottom: 0;
		height: 20px;
		width: 500px;
		font-size: 12px;
		text-indent: 3px;
		line-height: 20px;
	}
	.flexbox {
		display: flex;
		align-items: center;
	}

	.flexbox input {
		margin-right: 16px;
	}

	.picbox {
		width: 110px;
		height: 110px;
		display: inline-block;
		position: relative;
	}

	.picture {
		width: 100%;
		height: 100%;
	}

	.resetup {
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 28px;
		line-height: 28px;
		color: #fff;
		background: rgba(0, 0, 0, .5);
		text-align: center;
	}

	.hover-show {
		display: none;
	}

	.init-file-hover:hover .hover-show {
		display: block;
	}

	.hl-date-icon {
		right: 1px;
		top: -7px;
	}

	.module-tows:nth-child(2n+1) {
		background: rgba(249, 249, 249, 1);
	}

	.module-active {
		background: rgba(240, 240, 247, 1) !important;
	}
</style>
<script src="modules/workbench/scripts/selvb.js" charset="utf-8"></script>
<script src="scripts/libs/wangEditor.min.js" charset="utf-8"></script>
<script src="modules/workbench/scripts/notice_create.js" charset="utf-8"></script>
